<template>
    <div>
        <div class="vux-demo">
        </div>

        <div :class="{'test-blue':disabled,'test-red':hasRightFullHeightSlot}" style="height: 500px;
    width: 500px;"></div>
        <group title="without title">
            <selector placeholder="请选择省份" v-model="demo02" :options="list"></selector>
        </group>

    </div>
</template>

<script>
import { RequestUrl } from "src/common/carUrl";
import { Group, Cell, Selector } from 'vux'
export default {
    components: {
        Group,
        Cell,
        Selector
    },
    watch: {
        demo02(cur, old) {
            console.log(cur);
        }
    },
    data() {
        return {
            demo02: "",
            list: [{ key: 'gd', value: '广东' }, { key: 'gx', value: '广西' }],
            showWarn: false,
            disabled: false,
            hasRightFullHeightSlot: false,
        }
    },
    mounted() {

        let test = {
            'weui-cell_warn': this.showWarn,
            'disabled': this.disabled,
            'vux-x-input-has-right-full': this.hasRightFullHeightSlot
        };

        console.log(test);

        let fromData = new FormData();
        fromData.append('seatCount', 5);
        fromData.append('age', 23);
        this.$http.post(RequestUrl.CROSS_SALE_PLAN, fromData).then(function (res) {



        });
    },
}
</script>

<style>
.vux-demo {
  text-align: center;
}
.logo {
  width: 100px;
  height: 100px;
}
.test-blue {
  background-color: #321bb6;
}
.test-red {
  background-color: red;
}
</style>